<template>
	<div class="breadcrumb" v-show="breadcrumb2.isShow">
		<div class="breadcrumb-list">
			<div v-for="(item, i) in breadcrumb2.list" :key="i" class="breadcrumb-link" :class="{last: i == breadcrumb2.list.length -1}">
				<router-link :to="{path: item.path}">{{item.name}}</router-link>
				<span v-if="i < breadcrumb2.list.length - 1"> &gt; </span>
			</div>
		</div>
	</div>
</template>
<script>
import { mapState } from 'vuex';
export default {
	name: "breadcrumb2",
	computed: {
		...mapState(['breadcrumb2'])
	},
}
</script>
<style lang="less" scoped>
@baseColor: #fc9153;
.breadcrumb {
	height: 48px;
	line-height: 48px;
	.breadcrumb-list {
		.breadcrumb-link {
			display: inline-block;
			a {
				color: #666;
				font-size: 12px;
			}
			span {
				padding: 0 3px;
			}
			&.last {
				a {
					color: @baseColor
				}
			}
		}
	}
}
</style>
